#intro-wrapper{ width: 100%;background:#fff;  overflow:hidden;margin-bottom:35px;}
.main{ width: 920px;  border:1px solid #ccc;float:left; padding-bottom:30px;}
.intro{  width: 1180px; margin:0 auto; background:#fff; height: 500px;}
.intro .intro_nav{width:100%;  height: 41px;  background:#f6f6f6;  position:relative;  }
.intro_nav li{  float:left;  width: 110px;  height: 38px;  text-align:center;  line-height:38px;  position:absolute;  bottom:0px;  }
.intro_nav li a{  color:#000;  }
.intro_nav li:nth-child(1){left:0px;}
.intro_nav li:nth-child(2){left:110px;}
.intro_nav li:nth-child(3){left:220px;}
.intro_nav li:nth-child(4){left:330px;}
.intro_nav li:hover{  border-top:2px solid #01bbf4;  background:#fff;  }
.server{  width: 100%;  }
.serverS{  width: 100%;  }
[class="pseudo-dic"]:before{
    content:url("../images/smallIcon_07.jpg");
    vertical-align:bottom;
    display:inline-block;
    padding-top:4px;
    margin:0 5px 0px 0px;
}
[class="pseudo-indent"]:before{
    content:url("../images/smallIcon_10.jpg");
}
[class="pseudo-time"]:before{
    content:url("../images/smallIcon_12.jpg");
}
.serve_intro{
    height: 80px;
}
.serverS ul li{
    height: 133px;
    border-bottom: 1px solid #ccc;
    display:flex;
}
.serverS ul li>div:nth-child(1){
    width: 164px;
    position:relative;
}
.serverS ul li>div:nth-child(1) img{
    position:absolute;
    left:0;right:0;top:0;bottom:0;
    margin:auto;
}
.serverS ul li>div:nth-child(2){
    width: 528px;
    display: flex;
    flex-direction:column;
    justify-content:  center;
}
.serverS ul li>div:nth-child(3){
    display: flex;
    flex-direction:column;
    justify-content:  center;
}
.serverS ul li>div:nth-child(3) a{
    display:block;
    width: 103px;
    height: 35px;
    line-height:35px;
    color:#fff;
    font-size:10px;
    text-align:center;
    background:#ff392a;
    margin-top:4px;
}
.serverS ul li>div:nth-child(3) span{
    display:block;
    width: 103px;
    height: 35px;
    line-height:35px;
    color:#ff3944;
    font-size:14px;

}
.serverS ul li>div:nth-child(3)>a:nth-of-type(2){
    background:#01bbf4;
}
.serverS ul:nth-child(1){display:block;}
.serverS ul:nth-child(2){display:none;}
.serverS ul:nth-child(3){display:none;}
#fenYe{
    height: 95px;
    width: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
}
#fenYe span{
    margin-left:5px;
}
#fenYe ul li{
    width: 40px;
    height: 40px;
    float:left;
    text-align:center;
    line-height:40px;
    border:1px solid #ccc;
}
#fenYe ul li:nth-child(1){
    background:#00c9ff;
}
#fenYe ul li:nth-child(4){
    width: 70px;
}
.describe{
    width: 100%;
    height: 38px;
    background:#f6f6f6;
}
.describe ul li {
    width: 144px;
    height:38px;
    line-height:38px;
    text-align:center;
}
.serve_intro .desc_con{
    width: 100%;
    height: 42px;
}
.comment{
    width: 100%;
    height: 415px;
}

.comment ul{
    width: 100%;
    height: 38px;
    background:#f6f6f6;
}
.comment ul li{

    line-height:38px;
    height:38px;
    float:left;
    width:144px;
    text-align:center;
}
.estimate li:hover{
    background:#fff;
}
.aboutSm{
    width: 100%;
    /*height:152px;*/
}
.aboutSm ul{
    width: 100%;
    height:38px;
    background:#f6f6f6;
}
.aboutSm ul li{
    width: 144px;
    height:38px;
    line-height:38px;
    text-align:center;
}
.navbar{
    /*border:1px solid #ccc;*/
    float:right;

}
.safety{
    width: 240px;
    height: 405px;
    border:1px solid #ccc;

}

.safety ul li{
    height:80px;
    border-bottom:1px solid #ccc;
    display:flex;
    justify-content: center;
    align-items:center;
}
.safety ul li>span{
    width: 38px;
    height: 38px;
    display:block;
    margin-right:6px;
}
.safety ul li:nth-child(1){
    font-size:20px;
    font-weight:900;
}
.safety ul li:nth-child(2)>span{
    background:url("../images/img.png") no-repeat;
    background-position:-2px 0px;
}
.safety ul li:nth-child(3)>span{
    background:url("../images/img.png") no-repeat;
    background-position:0px -62px;
}
.safety ul li:nth-child(4)>span{
    background:url("../images/img.png") no-repeat;
    background-position:0px -129px;
}
.safety ul li:nth-child(5)>span{
    background:url("../images/img.png") no-repeat;
    background-position:0px -183px;
}
.safety ul li>p>span:nth-child(1){
    font-size:16px;
    font-weight:900;
}
.safety ul li>p>span:nth-child(2){
    font-size:12px;
    color:#888;
}
.safety ul li>p{
    width: 112px;
    height: 46px;
}
.safety ul li>p>span{
    display:block;
}
.recommand{
    width: 240px;
    margin-top:16px;
    border:1px solid #ccc;

}
.recommand h3{
    height:35px;
    width: 238px;
    background:#f6f6f6;
    font-size:16px;
    line-height:35px;
    text-align:center;
}
.recommand>ul>li>span{
    display:block;
    width: 238px;
    height: 38px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    font-weight:900;
    background:#fcfcfc;
    line-height:35px;
    text-align:center;
    background:url("../images/xiaarrow_03.jpg") no-repeat;
    background-position:160px 3px;
}
.recommand>ul>li>ul{
    width: 100%;
    display:none;
    text-align:center;
    padding-top:10px;

}
.recommand>ul>li>ul li{
    height:38px;


}
.recommand>ul>li>ul li a
{
    color:#888;
}
.recommand>ul>li>ul a:hover{
    color:#00a1d2;
}
.aboutSm .content-intro {
    width: 852px;
    height: 235px;
    margin:0 auto;
}
.content-intro p{
    font-size:12px;
    text-indent:1em;
    margin-top:10px;
    line-height:16px;
}
.aboutSm .img{
    width: 852px;
    height: 400px;
    margin:0 auto;
}
.comment-content{
    height: 152px;
    width: 100%;
}
.comment-content ul{
    width: 100%;
    height: 50px;
    display:flex;
    flex:1;
    background:#fff;
    border-bottom:1px solid #ccc;
}
.comment-content ul li{
    float:left;
    height:50px;
    line-height:50px;
}
.comment-content ul li:nth-child(1){
    width: 446px;
}
.comment-content ul li:nth-child(2){

}
.comment-content p span{

}
.hps{
    display:flex;
    flex:1;
}
.hps div{
    flex:1;
}
.hps>div:nth-child(1){
    width: 182px;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
}
.hps>div:nth-child(2){
    width: 230px;
    display:flex;
    flex-direction:column;
}
.hps>div:nth-child(2) div{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    align-items:center;
}
.hps>div:nth-child(3){
    width: 270px;
    text-indent:2em;

}
#fenYe{
    width: 100%;
    height: 98px;
}
#catalog{
    display:none;
}
/*选择地区*/
.city_info{
    display:none;
}
.address_class{
    width: 100%;
    height: 30px;
    border:1px solid #ccc;
}
.address_class ul li{
    float:left;
    width:30%;
    height:30px;
    line-height:30px;
    text-align:center;
}
.address_items{position:relative;}
.address_items>ul>li{ height: 20px; width: 90px; text-align:center;margin-top:10px; float:left;}
.address_items>ul{  height:40px;position:absolute; left:0;top:0;}
.address_items>ul:nth-of-type(1){display:none;}
.address_items>ul:nth-of-type(2){display:none;}
.address_items>ul:nth-of-type(3){display:none;}